<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8"></meta>
<title>图片</title>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes"></meta>
<link rel="stylesheet" th:href="@{/tiyan/css/detail.css}"></link>
<script th:src="@{/tiyan/js/zepto.min.js}" ></script>
<script th:src="@{/tiyan/js/detail.js}"></script>
</head>
<body>

<div class="slider-container">
<div class="slider-control left inactive"></div>
<div class="slider-control right"></div>
<ul class="slider-pagi"></ul>
<div class="slider">
<div class="slide slide-0 active" style="left: 0;">
  <div class="slide__bg" th:style="'left: 0;background: url('+@{'/upload/tiyan/'+${id}+'-1.jpg'}+')'"></div>
</div>
<div class="slide slide-1 " style="left: 100%;">
  <div class="slide__bg" th:style="'left: -50%;background: url('+@{'/upload/tiyan/'+${id}+'-2.jpg'}+')'"></div>
</div>
<div class="slide slide-2" style="left: 200%;">
  <div class="slide__bg" th:style="'left: -100%;background: url('+@{'/upload/tiyan/'+${id}+'-3.jpg'}+')'"></div>
</div>

</div>
</div>


</body>
</html>
